<UserControl x:Class="Rage.UI.ItemTooltip"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d">

  <UserControl.Resources>
    <Style x:Key="SmallIconStyle" TargetType="Image">
      <Setter Property="Width" Value="16" />
      <Setter Property="Height" Value="16" />
      <Setter Property="Margin" Value="1" />
    </Style>
    <Style x:Key="MediumIconStyle" TargetType="Image">
      <Setter Property="Width" Value="32" />
      <Setter Property="Height" Value="32" />
      <Setter Property="Margin" Value="1" />
    </Style>
    <Style x:Key="LargeIconStyle" TargetType="Image">
      <Setter Property="Width" Value="48" />
      <Setter Property="Height" Value="48" />
      <Setter Property="Margin" Value="2" />
    </Style>
    <Style x:Key="HeaderTextStyle" TargetType="TextBlock">
      <Setter Property="FontWeight" Value="Bold" />
      <Setter Property="Foreground" Value="#B500F0" />
      <Setter Property="HorizontalAlignment" Value="Left" />
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="Grid.Column" Value="1" />
      <Setter Property="Margin" Value="2" />
      <Setter Property="TextWrapping" Value="Wrap" />
    </Style>
    <Style x:Key="NormalTextStyle" TargetType="TextBlock">
      <Setter Property="Foreground" Value="#3AC3E2" />
      <Setter Property="HorizontalAlignment" Value="Left" />
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="Grid.Column" Value="1" />
      <Setter Property="Margin" Value="2" />
      <Setter Property="TextWrapping" Value="Wrap" />
      <Setter Property="FontWeight" Value="Bold" />
    </Style>
    <Style x:Key="NormalWrapStyle" TargetType="WrapPanel">
      <Setter Property="HorizontalAlignment" Value="Stretch" />
      <Setter Property="VerticalAlignment" Value="Center" />
      <Setter Property="Grid.Column" Value="1" />
      <Setter Property="Margin" Value="12,2,2,2" />
    </Style>
    <Style x:Key="ModBorderStyle" TargetType="Border">
      <Setter Property="MinHeight" Value="32" />
      <Setter Property="MinWidth" Value="32" />
      <Setter Property="Margin" Value="12,1,1,1" />
      <Setter Property="Padding" Value="0" />
      <Setter Property="Background" Value="Red" />
      <Setter Property="BorderBrush" Value="Purple" />
      <Setter Property="BorderThickness" Value="2" />
      <Setter Property="CornerRadius" Value="2" />
      <Setter Property="HorizontalAlignment" Value="Left" />
      <Setter Property="VerticalAlignment" Value="Top" />
      <Setter Property="Grid.Column" Value="1" />
    </Style>
    <Style x:Key="ModStatStackStyle" TargetType="StackPanel">
      <Setter Property="Margin" Value="52,0,4,0" />
      <Setter Property="HorizontalAlignment" Value="Left" />
      <Setter Property="VerticalAlignment" Value="Top" />
      <Setter Property="Grid.Column" Value="1" />
    </Style>
  </UserControl.Resources>

  <Popup x:Name="ItemPopup" AllowsTransparency="True">
  <Grid x:Name="RootLayout" MaxWidth="350">
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="4" />
      <ColumnDefinition Width="*" MinWidth="230" />
      <ColumnDefinition Width="4" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="4" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="4" />
    </Grid.RowDefinitions>

    <Rectangle RadiusX="6" RadiusY="6" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Grid.RowSpan="24" Fill="#E0040A10" />
    <Rectangle RadiusX="6" RadiusY="6" Grid.Row="0" Grid.ColumnSpan="3" Grid.RowSpan="24"
               Stroke="#91DBF6" StrokeThickness="3" />

    <TextBlock x:Name="ItemName" Style="{StaticResource HeaderTextStyle}" Grid.Row="1" Text="Item Name" />
    <WrapPanel x:Name="TypesPanel" Style="{StaticResource NormalWrapStyle}" Grid.Row="2">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="ItemTypes: ilevel armor head etc" />
    </WrapPanel>
    <TextBlock x:Name="ItemArmorAndRating" Style="{StaticResource NormalTextStyle}" Margin="12,2,2,0" Grid.Row="3" Text="0 Armor (Rating 0)" />
    <TextBlock x:Name="ItemShieldAbsorb" Style="{StaticResource NormalTextStyle}" Margin="12,0,2,0" Grid.Row="4" Text="0% Shield Absorption" />
    <TextBlock x:Name="ItemShieldChance" Style="{StaticResource NormalTextStyle}" Margin="12,0,2,0" Grid.Row="5" Text="0% Shield Chance" />
    <TextBlock Style="{StaticResource NormalTextStyle}" Margin="12,8,2,0" Grid.Row="6" Foreground="#91DBF6" Text="Total Stats:" x:Name="ItemTotalStats" />
    <WrapPanel x:Name="StatPanel" Style="{StaticResource NormalWrapStyle}" Grid.Row="8" Orientation="Vertical" Margin="16,2,2,2">
      <TextBlock Style="{StaticResource NormalTextStyle}" Foreground="#E8BA3E" Text="Used Stats" />
    </WrapPanel>
    <WrapPanel x:Name="UnusedStatPanel" Style="{StaticResource NormalWrapStyle}" Grid.Row="9">
      <TextBlock Style="{StaticResource NormalTextStyle}" Foreground="Gray" Text="Unused Stats" />
    </WrapPanel>

    <TextBlock Style="{StaticResource NormalTextStyle}" Margin="12,8,2,0" Grid.Row="10" Foreground="#91DBF6" Text="Item Modifications:" x:Name="ItemModifications" />

    <TextBlock x:Name="ModNamesLabel1" Style="{StaticResource HeaderTextStyle}" Margin="12,0" Grid.Row="11" Text="Mod 1 Name" />
    <Border x:Name="ModColor1" Style="{StaticResource ModBorderStyle}" Grid.Row="12">
      <Image x:Name="ModImage1" Style="{StaticResource MediumIconStyle}" />
    </Border>
    <StackPanel x:Name="ModStat1" Style="{StaticResource ModStatStackStyle}" Grid.Row="12">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="Mod Stats" />
    </StackPanel>

    <TextBlock x:Name="ModNamesLabel2" Style="{StaticResource HeaderTextStyle}" Margin="12,0" Grid.Row="13" Text="Mod 2 Name" />
    <Border x:Name="ModColor2" Style="{StaticResource ModBorderStyle}" Grid.Row="14">
      <Image x:Name="ModImage2" Style="{StaticResource MediumIconStyle}" />
    </Border>
    <StackPanel x:Name="ModStat2" Style="{StaticResource ModStatStackStyle}" Grid.Row="14">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="Mod Stats" />
    </StackPanel>

    <TextBlock x:Name="ModNamesLabel3" Style="{StaticResource HeaderTextStyle}" Margin="12,0" Grid.Row="15" Text="Mod 3 Name" />
    <Border x:Name="ModColor3" Style="{StaticResource ModBorderStyle}" Grid.Row="16">
      <Image x:Name="ModImage3" Style="{StaticResource MediumIconStyle}" />
    </Border>
    <StackPanel x:Name="ModStat3" Style="{StaticResource ModStatStackStyle}" Grid.Row="16">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="Mod Stats" />
    </StackPanel>

    <TextBlock x:Name="ModNamesLabel4" Style="{StaticResource HeaderTextStyle}" Margin="12,0" Grid.Row="17" Text="Mod 4 Name" />
    <Border x:Name="ModColor4" Style="{StaticResource ModBorderStyle}" Grid.Row="18">
      <Image x:Name="ModImage4" Style="{StaticResource MediumIconStyle}" />
    </Border>
    <StackPanel x:Name="ModStat4" Style="{StaticResource ModStatStackStyle}" Grid.Row="18">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="Mod Stats" />
    </StackPanel>

    <TextBlock x:Name="ModNamesLabel5" Style="{StaticResource HeaderTextStyle}" Margin="12,0" Grid.Row="19" Text="Mod 5 Name" />
    <Border x:Name="ModColor5" Style="{StaticResource ModBorderStyle}" Grid.Row="20">
      <Image x:Name="ModImage5" Style="{StaticResource MediumIconStyle}" />
    </Border>
    <StackPanel x:Name="ModStat5" Style="{StaticResource ModStatStackStyle}" Grid.Row="20">
      <TextBlock Style="{StaticResource NormalTextStyle}" Text="Mod Stats" />
    </StackPanel>

    <TextBlock x:Name="SetLabel" Style="{StaticResource NormalTextStyle}" Margin="12,8,2,2" Foreground="#FBEA00" Grid.Row="21" Text="Set Name" />

    <TextBlock x:Name="RequiresLightDark" Style="{StaticResource NormalTextStyle}" Margin="12,8,12,10" Grid.Row="22" Text="Requires Dark V" />

    <TextBlock x:Name="LocationLabel" Style="{StaticResource NormalTextStyle}" Margin="12,8,12,10" Grid.Row="23" Text="Drops from X" />

    <Grid x:Name="ItemsGrid" Grid.Row="24">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
      </Grid.ColumnDefinitions>
    </Grid>

  </Grid>
  </Popup>
</UserControl>